@CHARSET "UTF-8";
.sbHolder{
    border: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    position: relative;
    width: 78px;
}
.sbHolder:focus .sbSelector{

}
.sbSelector{
    display: block;
    height: 22px;
    left: 0;
    line-height: 22px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 56px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #000;
    outline: none;
    text-decoration: none;
}
.sbToggle{
    background: url("../icon-down.png") 10px 7px no-repeat;
    display: block;
    height: 22px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.sbToggle:hover{
    background: url("../icon-down.png") 10px 7px no-repeat;
}
.sbToggleOpen{
    background: url("../icon-down.png") 10px 7px no-repeat;
}
.sbToggleOpen:hover{
    background: url("../icon-down.png") 10px 7px no-repeat;
}
.sbHolderDisabled{
    background-color: #3C3C3C;
    border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{

}
.sbHolderDisabled .sbToggle{

}
.sbOptions{
    background-color: #FFF;
    border: solid 1px #515151;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 22px;
    width: 78px;
    z-index: 1;
    overflow-y: auto;
}
.sbOptions li{
    padding: 0 7px;
}
.sbOptions a{
    border-bottom: dotted 1px #000;
    display: block;
    outline: none;
    padding: 3px 0 3px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
    color: #000;
    text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
    color: #000;
}
.sbOptions li.last a{
    border-bottom: none;
}
.sbOptions .sbDisabled{
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
    padding-left: 17px;
}

/*-----------------------big select---------------------*/
.select{
    float: left;
    margin-right: 3px;
}
.select .sbHolder{
    border: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    width: 310px;
    border: 1px solid #961318;
    background-color: #FFF;
    border-radius: 6px;
    height: 28px;
}
.select .sbToggle{
    background: url("../bg_select.png") 0px -1px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.select .sbToggle:hover{
    background: url("../bg_select.png") 0px -1px no-repeat;
}
.select .sbToggleOpen{
    background: url("../bg_select.png") 0px -1px no-repeat;
}
.select .sbToggleOpen:hover{
    background: url("../bg_select.png") 0px -1px no-repeat;
}
.select .sbSelector{
    display: block;
    height: 28px;
    left: 0;
    line-height: 28px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 310px;
}
.select .sbOptions{
    background-color: #FFF;
    border: solid 1px #515151;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 310px;
    z-index: 1;
    overflow-y: auto;
}
/*-----------------------small select---------------------*/
.select-small{
    float: left;
    margin-right: 3px;
    width: 312px;
}
.select-small select{
    float: left;
}
.select-small .sbHolder{
    border: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    width: 100px;
    border: 1px solid #961318;
    background-color: #FFF;
    border-radius: 6px;
    height: 28px;
    float: left;
    margin-right: 2px;
}
.select-small .sbToggle{
    background: url("../bg_select.png") 0px -1px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.select-small .sbToggle:hover{
    background: url("../bg_select.png") 0px -1px no-repeat;
}
.select-small .sbToggleOpen{
    background: url("../bg_select.png") 0px -1px no-repeat;
}
.select-small .sbToggleOpen:hover{
    background: url("../bg_select.png") 0px -1px no-repeat;
}
.select-small .sbSelector{
    display: block;
    height: 28px;
    left: 0;
    line-height: 28px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 100px;
}
.select-small .sbOptions{
    background-color: #FFF;
    border: solid 1px #515151;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 100px;
    z-index: 1;
    overflow-y: auto;
}